
.dataScreen-container {
  width: 100%;
  height: 100%;
  background: url("../../assets/images/mesbg.png") no-repeat;
  // background: url("../../assets/images/bg.jpg") no-repeat;
  background-repeat: no-repeat;
  background-attachment: fixed;
  box-shadow: 0 0 100px 100px #1A2658 inset;
  background-position: center;
  background-size: 100% 100%;
  background-size: cover;
  .dataScreen {
    // position: fixed;
    width: 100%;
    z-index: 999;
    display: flex;
    flex-direction: column;
    // overflow: hidden;
    transition: transform 0.3s;
    transform-origin: left top;
    .dataScreen-header {
      display: flex;
      width: 100%;
      height: 38px;
      .header-lf,
      .header-rg {
        position: relative;
        width: 567px;
        height: 100%;
        background: url("../../assets/images/dataScreen-header-left-bg.png") no-repeat;
        background-size: 100% 100%;
      }
      .header-ct {
        position: relative;
        flex: 1;
        height: 100%;
        .header-ct-title {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 68px;
          font-size: 24px;
          line-height: 68px;
          font-weight: 700;
          font-style:italic;
          color: #fff;
          text-shadow:rgb(244, 236, 236) 2px 2px 5px;
          text-align: center;
          letter-spacing: 4px;
          background: url("../../assets/images/dataScreen-header-center-bg.png") no-repeat;
          background-size: 100% 100%;
          .header-ct-warning {
            position: absolute;
            bottom: -42px;
            left: 50%;
            width: 622px;
            height: 44px;
            font-family: YouSheBiaoTiHei;
            font-size: 14px;
            line-height: 44px;
            color: #ffffff;
            text-align: center;
            letter-spacing: 1px;
            background: url("../../assets/images/dataScreen-header-warn-bg.png") no-repeat;
            background-size: 100% 100%;
            transform: translateX(-50%);
          }
        }
      }
      .header-screening,
      .header-download {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 9;
        box-sizing: border-box;
        width: 136px;
        height: 42px;
        padding-right: 4px;
        font-family: YouSheBiaoTiHei;
        font-size: 18px;
        font-weight: 400;
        line-height: 42px;
        color: #29fcff;
        text-align: center;
        cursor: pointer;
        background: url("../../assets/images/dataScreen-header-btn-bg-l.png") no-repeat;
        background-size: 100% 100%;
      }
      .header-download {
        left: 0;
        padding-right: 0;
        background: url("../../assets/images/dataScreen-header-btn-bg-r.png") no-repeat;
      }
      .header-time {
        position: absolute;
        top: 0;
        right: 14px;
        width: 310px;
        font-size: 17px;
        font-weight: 500;
        line-height: 38px;
        color: #05e8fe;
        white-space: nowrap;
        display: flex;
        justify-content: center;
      }
    }
   
  }
}
